Tanto svg como canvas son tecnologias que no necesitan un servidor para hacerlas funcionar. Solamente hace falta un naveador web capaz de interpretar el codigo y representarlo a traves de su interfaz.
svg presenta mejores prestaciones en la representación de imagenes a gran tamaño, en función de escalado y proporcionalidad. Sin embargo canvas seria la mejor opción en la manipulación de pixeles mediante algoritmos y la creación de efectos. En estas situaciones, la CPU se veria afectada segun que tecnologia se està utilizando.
canvas está más orientado al pixel, svg está basado en el modelo de objetos similares a los elementos HTML.
En canvas el comportamiento es similar a la etiqueta
![]()
, por tanto es un elemento HTML individual, mientras que svg dispone de múltiples elementos gráficos que forman parte del Modelo de Objeto de Documento (DOM).
Canvas no soporta accesibilidad, sin embargo svg si, de forma nativa.
En general, canvas ofrece mejores prestaciones en tiempo real a partir de una gran cantidad de datos y alto rendimiento (efectos de luz, filtros, etc.)